/* pages/addressedit/addressedit.wxss */
page {
    height: 100vh;
    background-color: #dcdcdc;
}

.top-container {
    display: flex;
    background-color: white;
    align-items: center;

    .top-context {
        padding: 35rpx 30rpx;
        font-size: 35rpx;
        font-weight: 500;
    }

    .delete-context {
        padding-left: 380rpx;
        font-size: 32rpx;
        color: #FF4500;
        font-weight: 300;
    }
}

.address-container {
    width: 96%;
    height: 750rpx;
    background-color: white;
    margin: 25rpx auto;
    border-radius: 40rpx;

    .address-top {
        display: flex;
        
        .address-context {
            padding-left: 30rpx;
            padding-top: 30rpx;
            font-size: 35rpx;
            font-weight: 600;
            width: 200rpx;
        }

        .default-container {
            margin-top: 30rpx;

            switch {
                padding-left: 150rpx;
                padding-right: 20rpx;
                ;
            }
        }
    }

    .consignee{
        display: flex;
        align-items: center;
        margin-top: 25rpx;
        text{
            margin: 40rpx 30rpx;
            font-size: 28rpx;
            font-weight: 100;
        }

        .input-container{
            margin-left: 20rpx;
            height: 100rpx;
            width: 520rpx;
            background-color: #eeeeee;
            border-radius: 25rpx;
            
            input{
                
                height: 50rpx;
                margin: 25rpx 30rpx;
            }
        }
    }

    .phonenumber{
        display: flex;
        align-items: center;
        margin-top: 25rpx;
        text{
            margin: 40rpx 30rpx;
            font-size: 28rpx;
            font-weight: 100;
        }

        .input-container{
            margin-left: 20rpx;
            height: 100rpx;
            width: 520rpx;
            background-color: #eeeeee;
            border-radius: 25rpx;
            
            input{
                
                height: 50rpx;
                margin: 25rpx 30rpx;
            }
        }
    }

    .place{
        display: flex;
        align-items: center;
        margin-top: 25rpx;
        text{
            margin: 40rpx 0 40rpx 30rpx;
            font-size: 28rpx;
            font-weight: 100;
        }

        .input-container{
            margin-left: 20rpx;
            height: 100rpx;
            width: 520rpx;
            background-color: #eeeeee;
            border-radius: 25rpx;

            
            
            .placeholder{
                margin: 30rpx 0 0 30rpx;
                color: #a0a0a0;
            }

            .region{
                margin: 30rpx 0 0 30rpx;
                color:rgb(65, 65, 65);
            }
        }
    }

    .detail-place{
        display: flex;
        align-items: center;
        margin-top: 25rpx;
        text{
            margin: 40rpx 0 40rpx 30rpx;
            font-size: 28rpx;
            font-weight: 100;
        }

        .input-container{
            margin-left: 20rpx;
            height: 100rpx;
            width: 520rpx;
            background-color: #eeeeee;
            border-radius: 25rpx;
            
            input{
                
                height: 50rpx;
                margin: 25rpx 30rpx;
            }
        }
    }


}

.end-container{
    position: fixed;
    background-color: white;
    bottom: 0;
    width: 100%;
    height: 150rpx;

    .save{
        background-color: #FF4500;
        margin: 20rpx 30rpx;
        height: 80rpx;
        border-radius: 40rpx;

        text{
            display: flex;
            justify-content: center;
            padding-top: 16rpx;
            font-size: 35rpx;
            color: white;
        }
    }
}